<template>
  <div class="content">
    <h1>
      公告
    </h1>
    <h3>已完成的功能：</h3>
    <p>用户界面：登录、注册、上传头像、编辑资料</p>
    <p>聊天室界面：群聊、私聊、点击用户头像查看用户信息</p>
    <p>广场：发布动态、上传照片、选择喜欢的文字颜色</p>
    <p>闲置：发布商品、点击商品查看商品详情、添加购物车</p>
  </div>
</template>

<script>

export default {
  name: '',
  data () {
    return {
      
    }
  },
  methods:{
  
}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.content{
  position: relative;
  width: 100%;
  height: 150px;
}
.left{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-100%);
}
.right{
  position: absolute;
  top: 0;
  right: 50%;
  transform: translate(100%); 
}
h1{
  text-align: center;
}

</style>